<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title></title>
		<script type="text/javascript" src="public/jquery/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="public/swiper/js/swiper.js"></script>
		<link rel="stylesheet" href="public/layui/css/layui.css" />
		<link rel="stylesheet" href="public/css/common.css" />
		<link rel="stylesheet" href="public/swiper/css/swiper.min.css" />
	</head>

	<body>

		<div class="layui-bg-blue header">
			<div class="layui-container r-pading ">
				<div class="r-logo  ">
					<span class="layui-hide-xs">LOGO</span>
					<i class="ydl-left layui-icon layui-icon-left"></i>
				</div>
				<ul class="layui-nav r-nav layui-hide-xs" >
					<li class="layui-nav-item">
						<a href="index.html">首页</a>
					</li>
					<li class="layui-nav-item ">
						<a href="articleList.html">文章</a>
					</li>
					<li class="layui-nav-item layui-this">
						<a href="videoList.html">视频</a>
					</li>
					<li class="layui-nav-item">
						<a href="softList.html">软件</a>
					</li>
					<li class="layui-nav-item">
						<a href="message.html">留言</a>
					</li>
					<li class="layui-nav-item">
						<a href="about.html">关于我们</a>
					</li>
				</ul>
				<div class="layui-show-xs r-header-right" id="menus-go">
					<i class="layui-icon ydl-home">&#xe68e;</i>
				</div>
			</div>
			
			<div class="layui-show-xs ydl-seacher">
				<input type="search" class="ydl-seacher-input" placeholder="搜索" />
				<i  class="layui-icon layui-icon-search ydl-seacher-btn"></i>
			</div>
		</div>
		
		<div class="mobile-menus">
			    <div class="swilper-main">
			    	  <div class="swiper-container">
						    <div class="swiper-wrapper">
						        <div class="swiper-slide " onclick="window.location.href='index.html'">首页</div>
						        <div class="swiper-slide" onclick="window.location.href='articleList.html'">文章</div>
						        <div class="swiper-slide active" onclick="window.location.href='videoList.html'">视频</div>
						        <div class="swiper-slide " onclick="window.location.href='softList.html'">软件</div>
						        <div class="swiper-slide" onclick="window.location.href='message.html'">留言</div>
						        <div class="swiper-slide" onclick="window.location.href='about.html'">关于我们</div>
						    </div>
					    </div>
			    </div>
		</div>

		<div class="layui-container ">
			<div class="layui-row jianju layui-hide-xs">
					<span class="layui-breadcrumb">
					  <a href="">首页</a>
					  <a><cite>视频</cite></a>
					</span>
			</div>
			<div class="layui-row layui-col-space15">
				<div class="layui-col-md8 ">
					
					<div class="layui-card">
						<div class="layui-card-body ydl-catalog-main">
							<div class="category-item">
								<div class="category-item-title layui-hide-xs">分类:</div>
								<div class="category-item-list">
									  <a href="#" class="c-active">全部</a>
		                              <a href="#">华语</a>
		                              <a href="#">好莱坞</a>
		                              <a href="#">电视剧</a>
		                              <a href="#">电影</a>
		                              <a href="#">综艺</a>
		                              <a href="#">动漫</a>
		                              <a href="#">纪录片</a>
		                              <a href="#">游戏</a>
		                              <a href="#">资讯</a>
		                              <a href="#">娱乐</a>
		                              <a href="#">财经</a>
		                              <a href="#">网络电影</a>
		                              <a href="#">片花</a>
		                              <a href="#">音乐</a>
		                              <a href="#">军事</a>
		                              <a href="#">教育</a>
             					</div>
							</div>
						</div>
					</div>
				
				    <div class="article-order layui-hide-xs">
						<a href="#" class="order-active">默认</a>
						<a href="#">最热</a>
						<a href="#">最新</a>
						
					</div>
					
					<div class="layui-card" style="overflow: hidden;padding-bottom: 30px;">
						<div class="layui-card-body">
							<ul class="img-list">
								<li>
					                <a title="熊出没之雪岭熊风" href="videoDetail.html">
					                    <div class="img-box">
					                    	<img src="https://triedblog.oss-cn-beijing.aliyuncs.com/web/2018-09-15/hadoop-logo.png">
					                    </div>
					                    <em><i class="layui-icon  layui-icon-play"></i></em>
					                    <div class="abs-bg"></div>
					                    <div class="remark">
					                        <h3>熊出没之雪岭熊风</h3>
					                        <p>2015年1月30日在中国上映</p>
					                    </div>
					                </a>
					            </li>
								<li>
					                <a title="熊出没之雪岭熊风" href="#">
					                    <div class="img-box">
					                    	<img src="https://triedblog.oss-cn-beijing.aliyuncs.com/web/2018-09-15/hadoop-logo.png">
					                    </div>
					                    <em><i class="layui-icon  layui-icon-play"></i></em>
					                    <div class="abs-bg"></div>
					                    <div class="remark">
					                        <h3>熊出没之雪岭熊风</h3>
					                        <p>2015年1月30日在中国上映</p>
					                    </div>
					                </a>
					            </li>
								<li>
					                <a title="熊出没之雪岭熊风" href="#">
					                    <div class="img-box">
					                    	<img src="https://triedblog.oss-cn-beijing.aliyuncs.com/web/2018-09-15/hadoop-logo.png">
					                    </div>
					                    <em><i class="layui-icon  layui-icon-play"></i></em>
					                    <div class="abs-bg"></div>
					                    <div class="remark">
					                        <h3>熊出没之雪岭熊风</h3>
					                        <p>2015年1月30日在中国上映</p>
					                    </div>
					                </a>
					            </li>
								<li>
					                <a title="熊出没之雪岭熊风" href="#">
					                    <div class="img-box">
					                    	<img src="https://triedblog.oss-cn-beijing.aliyuncs.com/web/2018-09-15/hadoop-logo.png">
					                    </div>
					                    <em><i class="layui-icon  layui-icon-play"></i></em>
					                    <div class="abs-bg"></div>
					                    <div class="remark">
					                        <h3>熊出没之雪岭熊风</h3>
					                        <p>2015年1月30日在中国上映</p>
					                    </div>
					                </a>
					            </li>
								<li>
					                <a title="熊出没之雪岭熊风" href="#">
					                    <div class="img-box">
					                    	<img src="https://triedblog.oss-cn-beijing.aliyuncs.com/web/2018-09-15/hadoop-logo.png">
					                    </div>
					                    <em><i class="layui-icon  layui-icon-play"></i></em>
					                    <div class="abs-bg"></div>
					                    <div class="remark">
					                        <h3>熊出没之雪岭熊风</h3>
					                        <p>2015年1月30日在中国上映</p>
					                    </div>
					                </a>
					            </li>
								<li>
					                <a title="熊出没之雪岭熊风" href="#">
					                    <div class="img-box">
					                    	<img src="https://triedblog.oss-cn-beijing.aliyuncs.com/web/2018-09-15/hadoop-logo.png">
					                    </div>
					                    <em><i class="layui-icon  layui-icon-play"></i></em>
					                    <div class="abs-bg"></div>
					                    <div class="remark">
					                        <h3>熊出没之雪岭熊风</h3>
					                        <p>2015年1月30日在中国上映</p>
					                    </div>
					                </a>
					            </li>
							</ul>
						</div>
					</div>
			
					
				</div>	
				
				
				<div class="layui-col-md4">
					
					<div class="layui-card layui-hide-xs">
		                <div class="layui-card-body">
		                    <form action="/search" method="get">
		                        <div class="layui-inline">
		                            <input class="layui-input" name="keyword" autocomplete="off" placeholder="关键词" lay-verify="required" required="">
		                        </div>
		                        <button class="layui-btn" type="submit">搜索</button>
		                    </form>
		                </div>
           			 </div>
           			 
          			<div class="layui-card layui-hide-xs">
           				<div class="layui-card-header">
           					热门标签
           				</div>
           				<div class="layui-card-body tags">

							<a class="animated3" href="#" title="springboot" style="background-color: #7b91fc;">springboot</a>
							<a class="animated3" href="#" title="YARN" style="background-color: #fb7dff;">YARN</a>
							<a class="animated3" href="#" title="HDFS" style="background-color: #ff7575;">HDFS</a>
							<a class="animated3" href="#" title="Spark" style="background-color: #ff088c;">Spark</a>
							<a class="animated3" href="#" title="java" style="background-color: #dd00ff;">java</a>
							<a class="animated3" href="#" title="springcloud" style="background-color: #544671;">springcloud</a>
							<a class="animated3" href="#" title="nginx" style="background-color: #c856eb;">nginx</a>
							<a class="animated3" href="#" title="MapReduce" style="background-color: #ff06a4;">MapReduce</a>
							<a class="animated3" href="#" title="Spring" style="background-color: #00cf6e;">Spring</a>
							<a class="animated3" href="#" title="AliyunOSS" style="background-color: #ffb404;">AliyunOSS</a>
							<a class="animated3" href="#" title="Hadoop" style="background-color: #a01f64;">Hadoop</a>

           				</div>
           			</div>
           			 
					<div class="layui-card layui-hide-xs">

						<div class="layui-card-header ">
							推荐视频
						</div>
						<div class="layui-card-body">
							<ul class="voide-list">
								<li>
									<a href="#" title="乐山大佛闭眼事件 惊天骇闻大..">
										<img src="http://www.miniblogs.club/upload/2018/_s_20180905111719436.jpg" title="乐山大佛闭眼事件 惊天骇闻大..">
										<b>乐山大佛闭眼事件 惊天骇闻大..</b>
									</a>
									<p>
										<span class="tutime">
											<i class="layui-icon layui-icon-log"></i>  
											2018-09-05
										</span>
									</p>
								</li>
								<li>
									<a href="#" title="乐山大佛闭眼事件 惊天骇闻大..">
										<img src="http://www.miniblogs.club/upload/2018/_s_20180905111719436.jpg" title="乐山大佛闭眼事件 惊天骇闻大..">
										<b>乐山大佛闭眼事件 惊天骇闻大..</b>
									</a>
									<p>
										<span class="tutime">
											<i class="layui-icon layui-icon-log"></i>  
											2018-09-05
										</span>
									</p>
								</li>
								<li>
									<a href="#" title="乐山大佛闭眼事件 惊天骇闻大..">
										<img src="http://www.miniblogs.club/upload/2018/_s_20180905111719436.jpg" title="乐山大佛闭眼事件 惊天骇闻大..">
										<b>乐山大佛闭眼事件 惊天骇闻大..</b>
									</a>
									<p>
										<span class="tutime">
											<i class="layui-icon layui-icon-log"></i>  
											2018-09-05
										</span>
									</p>
								</li>
							</ul>
						</div>
						
					</div>
					
					<div class="layui-card layui-hide-xs">
						<div class="layui-card-header">
							友情链接
						</div>
						<div class="layui-card-body">
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
							<a href="#" target="_blank">博客</a>
						</div>
					</div>
           			 
           			 
				</div>
			</div>
		</div>
		
		<div class="footer-r">
			<p>
				© 2018-2022 xxxx 版权所有，保留所有权利。<br>版权声明：部分文章摘自互联网，如有侵权，麻烦告知删除，谢谢。
			</p>
		</div>
		<script type="text/javascript" src="public/layui/layui.all.js"></script>
		<script type="text/javascript" src="public/js/index.js"></script>
	</body>
   
</html>